<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			.box{
				width: 240px;
				height: 280px;
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				margin: 0 auto;
				border: 1px solid lightgray;
				border-radius: 10px;
				background: linear-gradient(#7BCDFA,#fff);
			}
			span{
				color: #fff;
			}
			header{
				
				padding: 5px 10px;
				
			}
			img{
				vertical-align: middle;
			}
			ul{
				list-style: none;
				background: #fff;
			}
			ul li{
				text-decoration: blink;
				padding: 5px 20px;
				background: url(img/dotBg.gif) no-repeat 0px 0px;
				line-height: 20px;
			}
			ul li:hover{
				cursor: pointer;
				color: orange;
			}
			.bodyer{
				height: 220px;
			}
			.first{
				background: #B7E3FC;
				
			}
		</style>
	</head>
	<body>
		<div class="box">
			<header>
				<img src="img/bg.gif" alt=""/><span>中心开班信息</span>
			</header>
			<div class="bodyer">
				<ul>
					<li class="first"><a>8月12日：学历+技能班</a></li>
					<li><a>8月16日：高考特招班</a></li>
					<li><a>8月23日：Java精英班</a></li>
					<li><a>8月31日：学士后强化班</a></li>
					<li><a>9月5日：大学生就业班</a></li>
					<li><a>9月9日：企业定向委培班</a></li>
					<li><a>9月16日：网络营销强化班</a></li>
				</ul>
			</div>
		</div>
	</body>
</html>
